@value large-tablet-breakpoint-query from '~diem-docusaurus-components/src/variables.module.css';

.root {
  display: flex;
  margin-bottom: 22px;
  padding-top: 50px;
  padding-left: 0;
}

.root > li:not(:first-child) {
  padding-left: 28px;
}

@media large-tablet-breakpoint-query {
  .root {
    justify-content: space-between;
    margin-bottom: 30px;
    padding-top: 0;
  }

  .root > li:not(:first-child) {
    padding-left: 0;
  }
}

html[data-theme="dark"] .root path,
html[data-theme="dark"] .root g {
  fill: white;
}
